<html>
    <head>
        <title>过渡的CSS类名</title>
    </head>
    <body>
        <script>
        // 过渡的CSS类名
                /*
                                在进入/离开的过渡中，会有6个class切换。

                                    1、 v-enter: 定义进入过渡的开始状态。  
                                                在元素被插入之前生效，在元素被插入之后的下一帧移除。

                                    2、 v-enter-active: 定义进入多度生效的状态。  
                                                    在整个进入过渡的阶段中应用，在元素被插入之前生效,在过渡/动画完成之后移除。
                                                    这个class可以被用来定义进入过渡的过程时间，延迟和曲线函数。

                                    3、v-enter-to:   定义进入过渡的结束状态。 
                                                    在元素被插入之后下一帧生效(与此同时 v-enter 被移除)

                                    4、 v-leave:    定义离开过渡的开始状态。
                                                    在元素被插入之后下一帧生效(于此同时 v-enter 被移除)，在过渡/动画完成之后移除。

                                    5、 v-leave=active:  定义离开过渡生效的状态。
                                                    在整个离开过渡的阶段中应用，在离开过渡被触发时立刻生效，在过渡/动画完成之后移除。
                                                    这个类可以被用来定义离开多度的过程时间，延迟和曲线函数。
                                    
                                    6、 v-leave-to:  定义离开过渡的结束状态、
                                                    在离开过渡被触发之后下一帧生效(于此同时 v-leave 被删除)，在过渡/动画完成之后移除.
                */
        </script>
    </body>
</html>